<!--
 * @Author: xiaoyan
 * @Date: 2021-09-08 17:58:01
 * @LastEditors: xiaoyan
 * @LastEditTime: 2021-09-09 18:02:24
 * @Description: 404
 * @FilePath: \vue-ts-basic\src\views\error\404.vue
-->
<template>
<div class="err-container">
    <div class="main">
        <h4>404</h4>
        <div class="tools">
            <el-button type="primary" @click.native="home">首页</el-button>
            <el-button  @click.native="returns">返回</el-button>
        </div>
    </div>
</div>
</template>

<script lang="ts">
import { Vue } from 'vue-property-decorator'
export default class extends Vue {
    private home(){
        this.$router.push({
            path:"/"
        });
    }
    private returns(){
        window.history.go(-1)
    }
}
</script>

<style lang="scss" scoped>
.err-container{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    h4{
        font-size:60px;
        font-weight: bold;
        margin-top:20%;
        text-align: center;
    }
    .el-button{
        margin-top:20px;
    }
}
</style>